<template>
  <div>
    <v-card title="中心文字">
      <vcu-chart-liquidfill :data="chartData" :settings="settings" />
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartData: {
        measures: [
          {
            name: "流量剩余",
            value: 0.33,
          },
        ],
      },
      settings: {
        label: {
          formatter: "流量剩余",
          fontSize: 28,
          position: ["50%", "30%"],
        },
        tooltip: {
          show: true,
          formatter: function ({ marker, name, value }) {
            return marker + name + ": " + parseInt(value * 100) + "%";
          },
        },
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
